/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/*! normalize.css v3.0.0 | HTML5 Display Definitions | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

/*! normalize.css v3.0.0 | Base | MIT License | git.io/normalize */
html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; }

/*! normalize.css v3.0.0 | Links | MIT License | git.io/normalize */
a { background: transparent; }

a:active, a:hover { outline: 0; }

/*! normalize.css v3.0.0 | Typography | MIT License | git.io/normalize */
abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin: 0.67em 0; }

mark { background: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/*! normalize.css v3.0.0 | Embedded Content | MIT License | git.io/normalize */
img { border: 0; }

svg:not(:root) { overflow: hidden; }

/*! normalize.css v3.0.0 | Figures | MIT License | git.io/normalize */
figure { margin: 1em 40px; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

pre { overflow: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/*! normalize.css v3.0.0 | Forms | MIT License | git.io/normalize */
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }

button { overflow: visible; }

button, select { text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

textarea { overflow: auto; }

optgroup { font-weight: bold; }

/*! normalize.css v3.0.0 | Tables | MIT License | git.io/normalize */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, em, img, strong, dl, dt, dd, ul, li, fieldset, form, label, legend { border: 0; font-family: inherit; font-size: 100%; margin: 0; outline: 0; padding: 0; }

:focus { outline: 0; }

ol, ul { list-style: none; }

img { vertical-align: middle; -ms-interpolation-mode: bicubic; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; }

a:link, a:visited, a:hover, a:focus { text-decoration: none; }

a:link, a:visited { color: #f54126; }

a:hover, a:focus { color: #6bb809; }

::selection { background-color: #fcbd16; color: #fff; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #f6f6f6; color: #222222; font: 400 normal 100% "Open Sans", sans-serif; line-height: 1.5em; font-size: 13px; }

.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }

.is-hidden { display: none !important; }

.is-invisible { visibility: none !important; }

.block { display: block !important; }

.inline { display: inline !important; }

.inline-block { display: inline-block !important; }

.left { float: left !important; }

.right { float: right !important; }

.text-left { text-align: left !important; }

.text-center { text-align: center !important; }

.text-right { text-align: right !important; }

.mt0 { margin-top: 0 !important; }

.mt1 { margin-top: 1em !important; }

.mb0 { margin-bottom: 0 !important; }

.mb1 { margin-bottom: 1em !important; }

html, body { height: 100%; }

#wrapper { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -302px; }
#wrapper #push { height: 302px; }

#footer-container { clear: both; position: relative; height: 302px; }

.container { width: 970px; margin: auto; }
@media (max-width: 970px) { .container { width: 100%; padding-left: 15px; padding-right: 15px; } }

.title { text-transform: uppercase; font-size: 20px; color: #222222; font-weight: 600; line-height: 30px; }

.title-lg { margin-bottom: 20px; font-size: 30px; font-weight: 400; line-height: 30px; color: #000; }

.title-sm { text-transform: lowercase; font-size: 14px; font-weight: 600; }

.form .form-control { width: 100%; border: 1px solid #e0e0e0; height: 31px; margin-bottom: 9px; padding: 8px; background-color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.form .form-control::-moz-placeholder { font-size: 11px; color: rgba(34, 34, 34, 0.7); }
.form .form-control::-webkit-input-placeholder { font-size: 11px; color: rgba(34, 34, 34, 0.7); }
.form .form-control:-ms-input-placeholder { font-size: 11px; color: rgba(34, 34, 34, 0.7); }
.form .form-control:focus { border-color: #6bb809; }

.btn-dark { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; border: 0; outline: 0; padding: 9px 18px; color: #fff !important; text-align: center; font-size: 12px; background-color: #4D4D4D; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.btn-dark:hover { background-color: #404040; }

.icon-sprite, .logo, .icon-home, .icon-supermarket, .icon-price, .icon-lookup, .icon-arrow-down, .icon-create, .icon-arrow-right-lg, .bg-slide-left, .bg-slide-right, .icon-search, .icon-view, .icon-calendar, .icon-facebook, .icon-youtube, .icon-skype, .icon-support-online, .icon-hotline, .icon-back-to-top, .logo-white, .img-consulting, .icon-closed, .icon-cart, .icon-comment, .icon-close-tag, .icon-search-white, .icon-close-theme, .btn-responsive, .header-container .menu-horizontal li a.menu-item-home:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-home.active .icon-fl, .header-container .menu-horizontal li a.menu-item-supermarket:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-supermarket.active .icon-fl, .header-container .menu-horizontal li a.menu-item-price:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-price.active .icon-fl, .header-container .menu-horizontal li a.menu-item-lookup:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-lookup.active .icon-fl, .header-container .btn-create:hover .icon-create, .accordion .heading.active .icon-closed, .bottom-footer-container .back-to-top:hover .icon-back-to-top, .owl-buttons .owl-next, .owl-buttons .owl-next:hover, .owl-buttons .owl-prev, .owl-buttons .owl-prev:hover { background: url('../img/front/icon-s9df07cd689.png') no-repeat; }

.icon-ib { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-right: 5px; }

.icon-fl { float: left; margin-right: 5px; }

.logo { background-position: 0 -246px; width: 155px; height: 30px; }

.icon-home { background-position: -53px -148px; width: 16px; height: 16px; }

.icon-supermarket { background-position: -18px -148px; width: 18px; height: 16px; }

.icon-price { background-position: -30px 0; width: 18px; height: 18px; }

.icon-lookup { background-position: -104px -148px; width: 18px; height: 18px; }

.icon-arrow-down { background-position: 0 -168px; width: 9px; height: 5px; }

.icon-create { background-position: -48px 0; width: 18px; height: 18px; }

.icon-arrow-right-lg { background-position: -20px -199px; width: 29px; height: 23px; }

.bg-slide-left { background-position: 0 0; width: 6px; height: 148px; }

.bg-slide-right { background-position: -6px 0; width: 6px; height: 148px; }

.icon-search { background-position: -36px -148px; width: 17px; height: 16px; }

.icon-view { background-position: -160px -148px; width: 20px; height: 20px; }

.icon-calendar { background-position: -16px -168px; width: 12px; height: 12px; }

.icon-facebook { background-position: -49px -199px; width: 31px; height: 31px; }

.icon-youtube { background-position: -80px -199px; width: 31px; height: 31px; }

.icon-skype { background-position: -155px -246px; width: 31px; height: 31px; }

.icon-support-online { background-position: -136px -277px; width: 45px; height: 47px; }

.icon-hotline { background-position: -111px -199px; width: 48px; height: 47px; }

.icon-back-to-top { background-position: 0 -199px; width: 20px; height: 20px; }

.logo-white { background-position: 0 -277px; width: 136px; height: 26px; }

.img-consulting { background-position: 0 -324px; width: 187px; height: 236px; }

.icon-closed { background-position: -86px -148px; width: 18px; height: 18px; }

.icon-cart { background-position: -136px -168px; width: 41px; height: 31px; }

.icon-comment { background-position: -98px -168px; width: 38px; height: 31px; }

.icon-close-tag { background-position: -9px -168px; width: 7px; height: 7px; }

.icon-search-white { background-position: -69px -148px; width: 17px; height: 17px; }

.icon-close-theme { background-position: -44px -168px; width: 20px; height: 20px; }

.btn-responsive { background-position: -64px -168px; width: 34px; height: 30px; }

a, .form-control, button, .header-container .menu-horizontal li a, .header-container .menu-horizontal li a .icon-arrow-down, .box-list-preview ul li .icon-view, .box-list-preview ul li h4, .accordion .heading, .thumbnails a img, .dropdown .carat { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.box-hightlight .owl-carousel .item-inner img, .box-list-preview ul li img, .package h3, .package .price, .package .package-content, .form-filter, .pagination { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; }

.cbp-spmenu { background: #6bb809; position: fixed; }

.cbp-spmenu h3 { color: #afdefa; font-size: 1.9em; padding: 20px; margin: 0; font-weight: 300; background: #0d77b6; }

.cbp-spmenu a { display: block; color: #fff; font-size: 1.1em; font-weight: 400; text-transform: uppercase; }

.cbp-spmenu a:hover { background: #5da008; }

.cbp-spmenu a:active { background: #5da008; color: #fff; }

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical { width: 240px; height: 100%; top: 65px; z-index: 1000; }

.cbp-spmenu-vertical a { border-bottom: 1px solid #4f8707; padding: 1em; }

.cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }

.cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; }

.cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; }

.cbp-spmenu-left { left: -240px; }

.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }

.cbp-spmenu, .cbp-spmenu-push { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }

.header-container { background-color: #FFF; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); }
@media (max-width: 970px) { .header-container { position: fixed; width: 100%; z-index: 9999; top: 0; left: 0; } }
.header-container .container { height: 65px; display: table; }
.header-container .container .inner { display: table-cell; vertical-align: middle; }
@media (max-width: 970px) { .header-container .container .inner { text-align: center; } }
.header-container .container .inner > * { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.header-container .btn-responsive { position: absolute; left: 15px; display: none !important; }
@media (max-width: 970px) { .header-container .btn-responsive { display: block !important; } }
.header-container .menu-horizontal { margin-left: 60px; margin-top: 9px; }
@media (max-width: 970px) { .header-container .menu-horizontal { display: none !important; } }
.header-container .menu-horizontal li { float: left; margin-left: 40px; }
.header-container .menu-horizontal li:first-child { margin-left: 0; }
.header-container .menu-horizontal li a { text-transform: uppercase; font-weight: 600; position: relative; color: #222222; }
.header-container .menu-horizontal li a .icon-arrow-down { position: absolute; bottom: -4px; left: 50%; margin-left: -4px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.header-container .menu-horizontal li a:hover, .header-container .menu-horizontal li a.active { color: #6bb809; }
.header-container .menu-horizontal li a:hover .icon-arrow-down, .header-container .menu-horizontal li a.active .icon-arrow-down { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; bottom: -10px; }
.header-container .menu-horizontal li a.menu-item-home:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-home.active .icon-fl { background-position: -28px -168px; }
.header-container .menu-horizontal li a.menu-item-supermarket:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-supermarket.active .icon-fl { background-position: 0 -148px; }
.header-container .menu-horizontal li a.menu-item-price:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-price.active .icon-fl { background-position: -12px 0; }
.header-container .menu-horizontal li a.menu-item-lookup:hover .icon-fl, .header-container .menu-horizontal li a.menu-item-lookup.active .icon-fl { background-position: -66px 0; }
.header-container .btn-create { float: right; padding: 8px 10px; text-transform: uppercase; color: #fff; font-weight: 600; background-color: #6bb809; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
@media (max-width: 970px) { .header-container .btn-create { position: absolute; right: 15px; } }
@media (max-width: 480px) { .header-container .btn-create { display: none !important; } }
.header-container .btn-create:hover { background-color: #fcbd16; }
.header-container .btn-create:hover .icon-create { background-position: -84px 0; }

.banner { width: 74.3299%; margin-right: 2.68041%; float: left; height: 270px; margin-top: 20px; position: relative; overflow: hidden; background: url('../img/front/banner.jpg?1401283231') no-repeat top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
@media (max-width: 800px) { .banner { float: none; width: 100%; margin-right: 0; } }
.banner .view { display: block; width: 100px; height: 100px; position: absolute; right: -30px; bottom: -30px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #FFB400; }
.banner .view .icon-arrow-right-lg { position: absolute; top: 30px; left: 30px; }
.banner .view:hover { background-color: #6bb809; }

.box-register { width: 22.98969%; float: right; margin-top: 20px; background-color: #FFF; border: 1px solid #e0e0e0; border-top: 2px solid #fcbd16; padding: 15px; }
@media (max-width: 800px) { .box-register { width: 100%; float: none; } }
.box-register .form-register .wrap-input-captcha .captcha { line-height: 31px; font-size: 14px; }
.box-register .form-register .wrap-input-captcha .form-control { width: 75%; float: right; }
.box-register .form-register .btn-submit { display: inline-block; width: 100%; padding: 9px 0; }
@media (max-width: 800px) { .box-register .form-register .btn-submit { display: block; width: 200px; margin: auto; } }
@media (max-width: 320px) { .box-register .form-register .btn-submit { width: 100%; } }

.box-hightlight { background-color: #FFF; border: 1px solid #e0e0e0; margin-top: 20px; overflow: hidden; }
.box-hightlight .col-left { width: 22.98969%; float: left; }
@media (max-width: 800px) { .box-hightlight .col-left { width: 100%; float: none; } }
.box-hightlight .inner { height: 167px; display: table; }
@media (max-width: 800px) { .box-hightlight .inner { width: 100%; height: auto; } }
.box-hightlight .inner .title { display: table-cell; vertical-align: middle; font-size: 16px; text-align: center; padding: 0 40px 0 15px; }
@media (max-width: 800px) { .box-hightlight .inner .title { padding: 15px 0 0; } }
.box-hightlight .col-right { width: 71.13402%; position: relative; margin: 20px 0; margin-left: 15px; float: left; }
@media (max-width: 800px) { .box-hightlight .col-right { margin-left: 0; float: none; margin: 20px auto; } }
.box-hightlight .bg-slide-left, .box-hightlight .bg-slide-right { position: absolute; z-index: 1; left: -10px; top: -11px; }
@media (max-width: 600px) { .box-hightlight .bg-slide-left, .box-hightlight .bg-slide-right { top: 3px; } }
@media (max-width: 480px) { .box-hightlight .bg-slide-left, .box-hightlight .bg-slide-right { top: 50px; } }
.box-hightlight .bg-slide-right { left: auto; right: -10px; }
.box-hightlight .owl-carousel .item-inner { padding: 0 10px; }
.box-hightlight .owl-carousel .item-inner img { width: 100%; height: 125px; }
@media (max-width: 600px) { .box-hightlight .owl-carousel .item-inner img { height: 147px; } }
@media (max-width: 480px) { .box-hightlight .owl-carousel .item-inner img { height: 241px; } }

.wrap-heading-new-design { margin-top: 13px; }
.wrap-heading-new-design .title { float: left; padding-top: 5px; }
@media (max-width: 480px) { .wrap-heading-new-design .title { float: none; } }
.wrap-heading-new-design .form-search { float: right; }
@media (max-width: 480px) { .wrap-heading-new-design .form-search { float: none; margin-top: 10px; } }
.wrap-heading-new-design .form-search .group-form-control { width: 325px; position: relative; }
@media (max-width: 480px) { .wrap-heading-new-design .form-search .group-form-control { width: 100%; } }
.wrap-heading-new-design .form-search .form-control { width: 100%; padding: 8px 17px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; margin-bottom: 0; }
.wrap-heading-new-design .form-search button { position: absolute; right: 6px; top: 7px; }

.box-list-item { background-color: #FFF; border: 1px solid #e0e0e0; padding: 5px 10px 10px; margin-top: 13px; }
.box-list-item ul li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-top: 5px; }
.box-list-item ul li a { font-size: 12px; padding: 0 8px; border-bottom: 2px solid transparent; background: url('../img/front/bg-li-item.png?1401309861') no-repeat left top 7px; }
.box-list-item ul li a:hover, .box-list-item ul li a.active { color: #f54325; border-bottom-color: #F54325; }

.box-list-preview { margin-top: 22px; }
.box-list-preview ul { overflow: hidden; }
.box-list-preview ul li { float: left; width: 22.98969%; margin-right: 2.68041%; margin-bottom: 25px; overflow: hidden; }
.box-list-preview ul li:nth-child(4n) { margin-right: 0; }
.box-list-preview ul li .wrap-image { position: relative; }
.box-list-preview ul li img { width: 100%; height: 165px; }
.box-list-preview ul li .icon-view { position: absolute; bottom: 0; right: -20px; margin-right: 0; }
.box-list-preview ul li h4 { padding: 11px 13px; background-color: #FFF; color: #000; font-size: 12px; font-weight: 600; }
.box-list-preview ul li:hover .icon-view { right: 0; }
.box-list-preview ul li:hover h4 { background-color: #ffc600; }
@media (max-width: 800px) { .box-list-preview ul li { width: 32%; margin-right: 2%; }
  .box-list-preview ul li:nth-child(4n) { margin-right: 2%; }
  .box-list-preview ul li:nth-child(3n) { margin-right: 0; }
  .box-list-preview ul li img { height: 175px; } }
@media (max-width: 600px) { .box-list-preview ul li { width: 48%; margin-right: 4%; }
  .box-list-preview ul li:nth-child(3n) { margin-right: 4%; }
  .box-list-preview ul li:nth-child(4n), .box-list-preview ul li:nth-child(2n) { margin-right: 0; }
  .box-list-preview ul li img { height: 202px; } }
@media (max-width: 480px) { .box-list-preview ul li img { height: 160px; } }
@media (max-width: 320px) { .box-list-preview ul li { width: 100%; margin-right: 0; }
  .box-list-preview ul li img { height: 215px; } }

.loading { background: url('../img/front/bg-line-loading.jpg?1401312979') repeat-x center center; }
.loading .inner { background-color: #f6f6f6; width: 44px; margin: auto; }
.loading .inner img { display: block; width: 32px; height: 32px; margin: auto; }

.box-list-news { margin-top: 20px; margin-bottom: 20px; overflow: hidden; }
.box-list-news .col-left, .box-list-news .col-right { width: 48.65979%; float: left; }
@media (max-width: 600px) { .box-list-news .col-left, .box-list-news .col-right { width: 100%; float: none; } }
.box-list-news .col-right { float: right; }
@media (max-width: 600px) { .box-list-news .col-right { margin-top: 30px; } }
.box-list-news .icon-calendar { margin-top: 3px; }
.box-list-news .list-news li { margin-top: 22px; }
.box-list-news .list-news li .wrap-img { float: left; }
.box-list-news .list-news li .content-detail { margin-left: 137px; }
@media (max-width: 320px) { .box-list-news .list-news li .wrap-img { float: none; }
  .box-list-news .list-news li .wrap-img img { width: 100%; height: auto; }
  .box-list-news .list-news li .content-detail { margin-left: 0; margin-top: 10px; } }
.box-list-news .list-news li .news-title a { font-size: 14px; font-weight: 600; color: #000; }
.box-list-news .list-news li .news-title a:hover { color: #6bb809; }
.box-list-news .list-news li .news-date, .box-list-news .list-news li .news-content-brief { margin-top: 7px; }

.breadcrumb { margin: 15px 0; font-size: 12px; }
.breadcrumb li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.breadcrumb li a { color: #000; padding-right: 12px; margin-right: 8px; background: url('../img/front/bg-breadcrum.png?1401371285') no-repeat right top 6px; }
.breadcrumb li a:hover { color: #6bb809; }
.breadcrumb li span { color: #8f8f8f; }

.banner-2 { background: url('../img/front/banner-1.jpg?1401372668') no-repeat center center; width: 100%; height: 427px; border-top: 1px solid #E9E9E9; margin-top: 25px; }
.banner-2 .content-banner { width: 300px; height: 300px; overflow: hidden; margin: 23px auto 0; padding: 5px; background-color: rgba(255, 255, 255, 0.37); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
.banner-2 .content-banner .inner { width: 100%; height: 100%; background-color: rgba(2, 129, 196, 0.75); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; color: #fff; padding: 30px 20px; }
.banner-2 .content-banner .inner h5 { font-size: 16px; font-weight: 600; padding: 15px 0; }
.banner-2 .content-banner .inner p { font-size: 12px; line-height: 18px; }

.package { width: 88.24742%; margin: 100px auto 0; position: relative; }
.package.first { margin-top: 10px; }
.package h3 { padding: 15px 0 15px 47px; font-size: 18px; font-weight: bold; color: #000; border-bottom: 4px solid #ff7800; }
.package .number { color: #fff; font-weight: bold; width: 29px; height: 29px; text-align: center; line-height: 29px; font-size: 18px; background-color: #FF7800; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: 36px; left: 0; }
.package.right .number { right: 0; left: auto; }
.package .price { color: #fff; width: 228px; height: 228px; background-color: #FF7800; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; position: absolute; top: -70px; right: 0; z-index: 1; text-align: center; display: table; }
.package .price .inner { display: table-cell; vertical-align: middle; }
.package .price .inner > p { line-height: 24px; padding: 0 5px; }
.package.right .price { left: -57px; }
.package .package-content { padding: 15px 0 0 47px; overflow: hidden; font-size: 14px; line-height: 24px; }
.package .package-content ul { width: 40%; float: left; }
.package .package-content ul:first-child { margin-right: 20px; }
.package .package-content ul li { color: #010101; line-height: 24px; }
@media (max-width: 970px) { .package { width: 100%; text-align: center; margin-top: 50px; }
  .package.first { margin-top: 30px; }
  .package h3 { border-bottom: none; margin-bottom: 20px; padding: 0 !important; line-height: 24px; }
  .package .number { display: none; }
  .package .price { position: static; margin: auto; }
  .package .package-content { margin-top: 20px; padding: 0 !important; }
  .package .package-content ul { width: 100%; float: none; }
  .package .package-content p { padding: 0 !important; } }

.package-1 { margin-top: 10px; }
.package-1 .text-01 { font-size: 18px; }
.package-1 .text-02, .package-1 .text-04 { font-size: 34px; font-weight: bold; line-height: 43px !important; }
.package-1 .text-03, .package-1 .text-05 { font-size: 14px; }

.package-2 h3 { border-bottom-color: #00a2e3; }
.package-2 .number, .package-2 .price { background-color: #00a2e3; }
.package-2 .price { width: 250px; height: 250px; }
.package-2 h3, .package-2 .package-content { padding-left: 230px; }
.package-2 .text-01 { font-size: 18px; }
.package-2 .text-02, .package-2 .text-04 { font-size: 34px; font-weight: bold; line-height: 43px !important; }
.package-2 .text-03, .package-2 .text-05 { font-size: 14px; }

.package-3 h3 { border-bottom-color: #76b92b; }
.package-3 .number, .package-3 .price { background-color: #76b92b; }
.package-3 .price { width: 286px; height: 286px; right: -56px; top: -100px; }
.package-3 .text-01 { font-size: 22px; }
.package-3 .text-02, .package-3 .text-04 { font-size: 42px; font-weight: bold; line-height: 60px !important; }
.package-3 .text-03, .package-3 .text-05 { font-size: 17px; }

.package-4 h3 { border-bottom-color: #fcbd16; }
.package-4 .number, .package-4 .price { color: #000; background-color: #fcbd16; }
.package-4 h3, .package-4 .package-content { padding-left: 230px; }
.package-4 .price { width: 260px; height: 260px; }
.package-4 .text-01 { font-size: 19px; }
.package-4 .text-02 { font-size: 36px; font-weight: bold; line-height: 60px !important; }
.package-4 .text-03, .package-4 .text-05 { font-size: 14px; }
.package-4 .text-03 span, .package-4 .text-05 span { font-size: 30px; font-weight: bold; }
.package-4 .text-04 { font-size: 24px; font-weight: bold; }
.package-4 .package-content p { padding-right: 40px; }

.box-consulting { background-color: #fdf6ca; margin-top: 30px; }
.box-consulting .container { padding: 60px 0 35px; text-align: center; position: relative; }
@media (max-width: 970px) { .box-consulting .container { padding-left: 15px; padding-right: 15px; } }
.box-consulting .container p { font-size: 18px; font-weight: 700; line-height: 24px; padding: 5px 0; }
.box-consulting .container .btn-consulting { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; text-transform: uppercase; color: #fff; background-color: #ff7800; padding: 15px 25px; font-size: 18px; font-weight: 700; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin-top: 30px; }
.box-consulting .container .btn-consulting:hover { background-color: #e66c00; }
@media (max-width: 480px) { .box-consulting .container .btn-consulting { line-height: 24px; } }
.box-consulting .container .img-consulting { position: absolute; bottom: -41px; left: 20px; z-index: 1; }
@media (max-width: 970px) { .box-consulting .container .img-consulting { display: none; } }

.main-content { width: 65.7732%; float: left; margin-bottom: 20px; }
@media (max-width: 800px) { .main-content { width: 100%; float: none; } }

.sidebar { width: 31.54639%; float: right; }
@media (max-width: 800px) { .sidebar { width: 100%; float: none; } }

.item-preview .item-preview-img { display: block; border: 1px solid #454545; overflow: hidden; }
.item-preview .item-preview-img img { height: auto; }
.item-preview .item-preview-wrap-btn { text-align: center; border: 1px solid #d0d0d0; border-top: none; background-color: #fff; padding: 18px 0; min-width: 140px; }
.item-preview .item-preview-wrap-btn .btn-dark { font-size: 14px; }
.item-preview .item-preview-wrap-btn .btn-dark:first-child { margin-right: 11px; }

.item-description { margin-top: 10px; }
.item-description p { padding: 5px 0; line-height: 22px; }
.item-description ul li { margin-top: 25px; overflow: hidden; }
.item-description ul li .wrap-img { width: 200px; height: 139px; border: 1px solid #d0d0d0; background-color: #fff; display: table; float: left; -webkit-transition: height 0.5s linear; -moz-transition: height 0.5s linear; -o-transition: height 0.5s linear; transition: height 0.5s linear; }
.item-description ul li .wrap-img span { display: table-cell; vertical-align: middle; text-align: center; }
@media (max-width: 800px) { .item-description ul li .wrap-img { width: 100%; height: 150px; float: none; } }
.item-description ul li .wrap-content { margin-left: 220px; }
.item-description ul li .wrap-content > h4 { text-transform: uppercase; font-weight: 600; }
.item-description ul li .wrap-content > p { line-height: 18px; padding-top: 10px; }
@media (max-width: 800px) { .item-description ul li .wrap-content { margin-left: 0; }
  .item-description ul li .wrap-content > h4 { margin-top: 10px; } }

.note-reg-buy { font-size: 14px; margin-bottom: 15px; }

.accordion { margin-bottom: 20px; }
.accordion .wrap-dis-tab { display: table; width: 100%; }
.accordion .heading { cursor: pointer; border: 1px solid #d0d0d0; background-color: #FFC600; }
.accordion .heading .wrap-dis-tab { height: 40px; }
.accordion .heading .title, .accordion .heading .wrap-icon { display: table-cell; vertical-align: middle; }
.accordion .heading .title { text-align: left; padding-left: 16px; font-size: 14px; }
.accordion .heading .wrap-icon { text-align: right; padding-right: 8px; }
.accordion .heading.active { background: none; }
.accordion .heading.active .icon-closed { background-position: -122px -148px; }
.accordion .content .inner { padding: 20px; border-left: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; }
.accordion .content .description { font-size: 12px; }
.accordion .content .wrap-dis-tab { margin-top: 20px; }
.accordion .content .wrap-dis-tab .price, .accordion .content .wrap-dis-tab .wrap-btn { display: table-cell; vertical-align: middle; }
.accordion .content .wrap-dis-tab .price { font-size: 40px; font-weight: bold; text-align: left; }
.accordion .content .wrap-dis-tab .wrap-btn { text-align: right; }
.accordion .content .wrap-dis-tab .btn-reg-buy { font-size: 14px; }
.accordion .content.last .inner { border-bottom: 1px solid #d0d0d0; }

.stats { border: 1px solid #d0d0d0; background-color: #fff; overflow: hidden; }
.stats .stats-buy, .stats .stats-comment { width: 50%; padding: 16px 0 20px 25px; float: left; }
.stats .stats-buy i, .stats .stats-comment i { margin-bottom: 15px; }
.stats .stats-buy p, .stats .stats-comment p { font-size: 12px; }
.stats .stats-buy p span, .stats .stats-comment p span { font-size: 30px; font-weight: bold; padding-right: 5px; }
.stats .stats-buy { border-right: 1px solid #d0d0d0; }

.social-like { background-color: #ececec; border: 1px solid #d0d0d0; border-top: none; margin-bottom: 20px; }

.box-list-preview.other-theme { margin-top: 18px; }
.box-list-preview.other-theme ul li { width: 100%; }
.box-list-preview.other-theme ul li img { height: 193px; }
@media (max-width: 800px) { .box-list-preview.other-theme ul li { width: 48%; margin-left: 4%; margin-right: 0; }
  .box-list-preview.other-theme ul li:first-child { margin-left: 0; }
  .box-list-preview.other-theme ul li img { height: 223px; } }
@media (max-width: 480px) { .box-list-preview.other-theme ul li img { height: 136px; } }
@media (max-width: 320px) { .box-list-preview.other-theme ul li { width: 100%; margin-left: 0; }
  .box-list-preview.other-theme ul li img { height: 183px; } }

.page-web-supermarket .sidebar { width: 22.98969%; float: left; }
@media (max-width: 970px) { .page-web-supermarket .sidebar { display: none; } }
.page-web-supermarket .main-content { width: 74.3299%; float: right; margin-top: 15px; }
@media (max-width: 970px) { .page-web-supermarket .main-content { width: 100%; float: none; } }

.search-more { border: 1px solid #dfdfdf; background-color: #FFF; }
.search-more .heading { padding: 15px; border-bottom: 1px solid #dfdfdf; position: relative; }
.search-more .heading > h3 { font-size: 14px; font-weight: 600; }
.search-more .heading:after, .search-more .heading:before { content: ""; position: absolute; }
.search-more .heading:before { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff; bottom: -7px; left: 17px; width: 0; height: 0; }
.search-more .heading:after { width: 10px; height: 10px; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: -6px; left: 20px; }
.search-more ul { padding: 15px 0 0 10px; }
.search-more ul li { display: inline; }
.search-more ul li a { margin-right: 8px; margin-bottom: 10px; color: #141414; padding: 3px 5px; border: 1px solid #6bb809; font-size: 12px; font-weight: 600; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.search-more ul li a:hover { color: #6bb809; }
.search-more ul li a > i { margin-left: 5px; margin-top: -2px; }

.wrap-form-search { background-color: #6bb809; padding: 11px; margin-top: 22px; }
.wrap-form-search .form-search { position: relative; border-bottom: 2px solid #fff; padding: 5px; }
.wrap-form-search .form-search .form-control { width: 100%; background: transparent; border: none; color: #fff; padding: 2px 5px; border-left: 1px solid rgba(255, 255, 255, 0.7); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wrap-form-search .form-search .form-control::-moz-placeholder { color: rgba(255, 255, 255, 0.7); font-size: 12px; }
.wrap-form-search .form-search .form-control::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); font-size: 12px; }
.wrap-form-search .form-search .form-control:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); font-size: 12px; }
.wrap-form-search .form-search:before, .wrap-form-search .form-search:after { content: ""; position: absolute; bottom: 0; width: 1px; height: 3px; background-color: #FFF; }
.wrap-form-search .form-search:before { left: 0; }
.wrap-form-search .form-search:after { right: 0; }
.wrap-form-search .form-search button { position: absolute; right: 6px; top: 7px; }

.menu-stats { padding: 17px 10px 20px 17px; background-color: #FFF; border: 1px solid #DFDFDF; margin-bottom: 20px; }
.menu-stats > p { font-size: 14px; font-weight: 600; margin-left: -4px; }
.menu-stats ul { border-left: 1px solid #A9A9A9; padding-top: 10px; }
.menu-stats ul li { margin: 3px 0; }
.menu-stats ul li a { display: block; overflow: hidden; font-size: 12px; color: #141414; position: relative; padding-left: 10px; }
.menu-stats ul li a .left { padding: 4px 3px; font-weight: 600; -webkit-transition: background-color 0.4s ease; -moz-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; }
.menu-stats ul li a .right { margin-top: 5px; }
.menu-stats ul li a:hover .left, .menu-stats ul li a.active .left { background-color: #6bb809; color: #fff; }
.menu-stats ul li a:before { content: ""; position: absolute; left: 0; top: 14px; width: 6px; height: 1px; background-color: #A9A9A9; }

.form-filter { float: left; }
.form-filter > * { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.form-filter > label { margin-right: 10px; font-size: 14px; font-weight: 600; }
@media (max-width: 480px) { .form-filter { float: none; text-align: center; } }

.pagination { float: right; margin-top: 5px; }
@media (max-width: 480px) { .pagination { float: none; text-align: center; margin-top: 15px; } }
.pagination li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.pagination li a, .pagination li span { color: #5b5b5b; padding: 1px 5px; font-size: 12px; display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.pagination li a:hover, .pagination li span:hover { color: #ed3237; }
.pagination li.active a, .pagination li.active span { color: #ed3237; }
.pagination li.prev a, .pagination li.prev span { background-color: #D5D5D5; color: #000; }
.pagination li.prev a:hover, .pagination li.prev span:hover { background-color: #c8c8c8; }
.pagination li.next a, .pagination li.next span { background-color: #6bb809; color: #fff; }
.pagination li.next a:hover, .pagination li.next span:hover { background-color: #5da008; }

.box-list-preview.web-supermarket ul li { width: 30.92926%; margin-right: 3.6061%; }
.box-list-preview.web-supermarket ul li:nth-child(4n) { margin-right: 3.6061%; }
.box-list-preview.web-supermarket ul li:nth-child(3n) { margin-right: 0; }
@media (max-width: 600px) { .box-list-preview.web-supermarket ul li { width: 48%; margin-right: 4%; }
  .box-list-preview.web-supermarket ul li:nth-child(4n) { margin-right: 0; }
  .box-list-preview.web-supermarket ul li:nth-child(3n) { margin-right: 4%; }
  .box-list-preview.web-supermarket ul li:nth-child(2n) { margin-right: 0; } }
@media (max-width: 320px) { .box-list-preview.web-supermarket ul li { width: 100%; margin-right: 0; } }

.header-view-demo-theme { background-color: #333; padding: 12px 0 12px 15px; position: relative; overflow: hidden; }
.header-view-demo-theme .wrap-logo { float: left; }
.header-view-demo-theme .btn-contact-buy { float: right; color: #fff; padding: 5px 10px; background-color: #66b304; margin-right: 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; }
.header-view-demo-theme .btn-contact-buy:hover { background-color: #589a03; }
.header-view-demo-theme .icon-close-theme { position: absolute; top: 0; right: 0; margin-right: 0; }

#theme-live-demo { width: 100%; margin: 0; padding: 0; float: left; }

body.page-view-demo-image { background-color: #333; }

.thumbnails { padding: 25px; }
.thumbnails a img { border: 1px solid #454545; margin-right: 18px; vertical-align: top; }
.thumbnails a img:hover { border-color: #747474; }

.detail { padding: 25px; }
.detail .description { font-size: 32px; color: #fff; text-align: center; text-transform: uppercase; font-weight: 700; }
.detail .view-fullsize img { border: 1px solid #454545; display: block; margin: 25px auto; }

#footer-container { color: #999999; font-size: 12px; }

.top-footer-container { background-color: #474747; }
@media (max-width: 480px) { .top-footer-container { display: none; } }
.top-footer-container ul { text-align: center; padding: 10px 0; }
.top-footer-container ul li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; }
.top-footer-container ul li:first-child a { border-left: none; }
.top-footer-container ul li a { color: #B9B9B9; font-size: 13px; padding: 0 17px; border-left: 1px solid #656565; }
.top-footer-container ul li a:hover, .top-footer-container ul li a .active { color: #fff; }

.middle-footer-container { background-color: #333; padding: 25px 0; }
@media (max-width: 480px) { .middle-footer-container { display: none; } }
.middle-footer-container .container { overflow: hidden; }
.middle-footer-container .col { width: 22.98969%; margin-left: 2.68041%; float: left; }
.middle-footer-container .col:first-child { margin-left: 0; }
@media (max-width: 800px) { .middle-footer-container .col { width: 48%; margin-left: 4%; }
  .middle-footer-container .col:nth-child(3) { margin-left: 0; }
  .middle-footer-container .col:nth-last-child(n + 3) { margin-bottom: 20px; } }
.middle-footer-container .col .heading { height: 40px; }
.middle-footer-container .col .heading .title { color: #e6e6e6; font-size: 14px; font-weight: 400; }
.middle-footer-container .col-second li { line-height: 24px; }
.middle-footer-container .col-second li a { color: #999999; }
.middle-footer-container .col-second li a:hover { color: #fff; }
.middle-footer-container .col-third p { line-height: 24px; }
.middle-footer-container .col-third p span { color: #fff; }
.middle-footer-container .col-third p a { color: #fcbd16; }
.middle-footer-container .col-third p a:hover { color: #6bb809; }
.middle-footer-container .list-icon-social { padding-top: 10px; }
.middle-footer-container .list-icon-social li { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1; *display: inline; margin-left: 5px; }
.middle-footer-container .list-icon-social li:first-child { margin-left: 0; }
.middle-footer-container .col-fourth .support { width: 100%; height: 70px; color: #fff; text-transform: uppercase; }
.middle-footer-container .col-fourth .support i { margin: 10px 0 10px 10px; }
.middle-footer-container .col-fourth .support.online { background-color: #82b440; border: 3px solid #74A238; margin-bottom: 14px; }
.middle-footer-container .col-fourth .support.hotline { background-color: #F47D49; border: 3px solid #e67443; }
.middle-footer-container .col-fourth .support .wrap-text { padding: 7px 10px 0 0; }
.middle-footer-container .col-fourth .support p { text-align: center; line-height: 24px; }
.middle-footer-container .col-fourth .support .text-sm { color: #e6e6e6; font-size: 14px; font-weight: 400; }
.middle-footer-container .col-fourth .support .text-md { font-size: 22px; font-weight: 600; }

.bottom-footer-container { background-color: #232323; padding: 15px 0; overflow: hidden; }
.bottom-footer-container .copyright { float: left; }
.bottom-footer-container .copyright a { color: #6bb809; }
.bottom-footer-container .copyright a:hover { color: #fff; }
.bottom-footer-container .icon-back-to-top { margin-right: 0; margin-left: 5px; }
.bottom-footer-container .back-to-top { float: right; color: #999999; }
.bottom-footer-container .back-to-top:hover .icon-back-to-top { background-position: -140px -148px; }

@media (max-width: 970px) { #main { padding-top: 65px; } }
@media (max-width: 600px) { .owl-buttons > div { top: 65px !important; } }
@media (max-width: 480px) { html, body { height: 100%; }
  #wrapper { clear: both; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -51px; }
  #wrapper #push { height: 51px; }
  #footer-container { clear: both; position: relative; height: 51px; }
  .owl-buttons > div { top: 115px !important; }
  .back-to-top span { display: none; }
  .text-hide-rwd { display: none; } }
@media (max-width: 320px) { .title-lg .title-sm { display: block; } }
/* Core Owl Carousel CSS File v1.3.2 */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

/* display none until init */
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

.owl-carousel .owl-item { float: left; }

.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }

.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon */
.grabbing { cursor: url(grabbing.png) 8 8, move; }

/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }

/*
*   Owl Carousel Owl Demo Theme
*   v1.3.2
*/
.owl-theme .owl-controls { text-align: center; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); /*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); /*IE7 fix*/ opacity: 1; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }

/* preloading images */
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center; }

/* --- EASYDROPDOWN DEFAULT THEME --- */
/* PREFIXED CSS */
.dropdown, .dropdown div, .dropdown li, .dropdown div::after { -webkit-transition: all 150ms ease-in-out; -moz-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; }

.dropdown .selected::after, .dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }

/* WRAPPER */
.dropdown { position: relative; width: 160px; border: 1px solid #ccc; cursor: pointer; background: #fff; -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.dropdown.open { z-index: 2; }

/* CARAT */
.dropdown .carat { position: absolute; top: 50%; }

.dropdown.disabled .carat { border-top-color: #999; }

/* OLD SELECT (HIDDEN) */
.dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }

.dropdown select { position: absolute; left: 0px; top: 0px; }

.dropdown.touch .old { width: 100%; height: 100%; }

.dropdown.touch select { width: 100%; height: 100%; opacity: 0; }

/* SELECTED FEEDBACK ITEM */
.dropdown .selected, .dropdown li { display: block; font-size: 18px; line-height: 1; color: #000; padding: 9px 12px; overflow: hidden; white-space: nowrap; }

.dropdown.disabled .selected { color: #999; }

.dropdown .selected::after { content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; border-radius: 0 2px 2px 0; box-shadow: inset -55px 0 25px -20px #fff; }

/* DROP DOWN WRAPPER */
.dropdown div { position: absolute; height: 0; left: -1px; right: -1px; top: 100%; margin-top: -1px; background: #fff; border: 1px solid #ccc; border-radius: 0 0 3px 3px; opacity: 0; }

/* Height is adjusted by JS on open */
.dropdown.open div { opacity: 1; z-index: 2; }

/* FADE OVERLAY FOR SCROLLING LISTS */
.dropdown.scrollable div::after { content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50px; box-shadow: inset 0 -50px 30px -35px #fff; }

.dropdown.scrollable.bottom div::after { opacity: 0; }

/* DROP DOWN LIST */
.dropdown ul { position: absolute; left: 0; top: 0; height: 100%; width: 100%; list-style: none; overflow: hidden; }

.dropdown.scrollable.open ul { overflow-y: auto; }

/* DROP DOWN LIST ITEMS */
.dropdown li { list-style: none; padding: 8px 12px; }

/* .focus class is also added on hover */
.dropdown li.focus { position: relative; z-index: 3; color: #fff; }

.dropdown li.active { font-weight: 700; }

.dropdown { height: 30px; width: 100px; }

.dropdown div { margin-top: 0; }

.dropdown .carat { right: 8px; margin-top: -2px; border: 4px solid transparent; border-top: 5px solid #adadad; }

.dropdown.open .carat { margin-top: -6px; border: 4px solid transparent; border-bottom: 5px solid #adadad; }

.dropdown .selected, .dropdown li { font-size: 12px; padding: 8px 10px; }

.dropdown li.focus { background: #6bb809; }

.dropdown .selected::after { width: 23px; height: 20px; top: 5px; border-left: 1px solid #ccc; }

.dropdown .selected, .dropdown li.active { font-weight: 600; }

.owl-buttons > div { text-indent: -1992px; line-height: 0; font-size: 0; position: absolute; top: 54px; cursor: pointer; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
.owl-buttons .owl-next { background-position: -102px 0; width: 19px; height: 19px; right: -30px; }
.owl-buttons .owl-next:hover { background-position: -159px 0; }
.owl-buttons .owl-prev { background-position: -121px 0; width: 19px; height: 19px; left: -32px; }
.owl-buttons .owl-prev:hover { background-position: -140px 0; }
